.rule {
    display: flex;
    justify-content: center;
    margin-top: 30rpx;
    padding: 0 40rpx;
}
.head-block {
    height: 80rpx;
    width: 100%;
    /* background: #f2f2f2; */
    position: fixed;
    top: 0;
    left: 0;
    color: #ffffff;
}
.icon {
    position: fixed;
    z-index: 2;
    left: 4%;
    top: 108rpx;
}
.nav-title {
    font-size: 34rpx;
    text-align: center;
    font-weight: 500;
    position: absolute;
    z-index: 2;
    top: 108rpx;
    left: 308rpx;
}
.btn {
    margin: 50rpx 40rpx 40rpx 40rpx;
    width: 90%;
    height: 94rpx;
    background: #00bcab;
    border-radius: 47rpx;
    font-family: SourceHanSansCN-Medium;
    font-size: 36rpx;
    color: #ffffff;
    line-height: 94rpx;
    text-align: center;
    letter-spacing: 2rpx;
}

.tip-btm {
    margin: 0 40rpx 80rpx 40rpx;
}

.tip-title {
    font-family: SourceHanSansCN-Regular;
    font-size: 32rpx;
    color: #292d39;
    margin-bottom: 15rpx;
}

.tip-content {
    font-family: SourceHanSansCN-Regular;
    font-size: 28rpx;
    color: #909090;
}

.rule-title {
    text-align: center;
    font-family: SourceHanSansCN-Normal;
    font-size: 36rpx;
    color: #292d39;
    margin-top: 40rpx;
    margin-bottom: 25rpx;
}

.rules {
    width: 640rpx;
    height: 1000rpx;
}

.rules2 {
    width: 640rpx;
    height: 940rpx;
}

.rule-content {
    font-family: SourceHanSansCN-Normal;
    font-size: 28rpx;
    color: #666666;
    margin: 0 30rpx 40rpx 30rpx;
    max-height: 780rpx;
    overflow: hidden;
    overflow: scroll;
}

.rule-line {
    width: 100%;
    height: 2rpx;
    background: #e5e5e5;
}

.rule-know {
    font-family: SourceHanSansCN-Medium;
    font-size: 34rpx;
    color: #00bcab;
    text-align: center;
    margin-top: 30rpx;
}

.rule-know2 {
    font-family: SourceHanSansCN-Medium;
    font-size: 34rpx;
    display: inline-block;
    color: #00bcab;
    width: 50%;
    text-align: center;
    margin-top: 30rpx;
}

#van-dialog .van-button__text {
    color: #00bcab !important;
}

.card-time1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 32rpx;
    color: #292d39;
}

.card-time2 {
    font-family: SourceHanSansCN-Regular;
    font-size: 24rpx;
    color: #686868;
}

/**new css begin*/
.card-top {
    width: 95%;
    height: 299rpx;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 40rpx; */
    position: relative;
}

.card-top .bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 331rpx;
}

.card-top-contain {
    position: relative;
    width: 95%;
}

.unselect {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 233rpx;
    background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
    border: 2rpx solid #d1d1d1;
    box-shadow: 3rpx 3rpx 6rpx 0rpx rgba(0, 0, 0, 0.1);
    border-radius: 23rpx;
}

.bg-selected {
    /* position: absolute; */
    width: 140rpx;
    height: 42rpx;
    line-height: 42rpx;
    border-radius: 23rpx 0 23rpx 0;
    background: #00bcab;
    margin-top: 2rpx;
    /* margin-left: -8rpx; */
    text-align: center;
    font-family: SourceHanSansCN-Bold;
    font-size: 24rpx;
    color: #ffffff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 700;
}

.bg-left-green {
    background: #00bcab;
}

.bg-left-gray {
    background-image: linear-gradient(-46deg, #b8bdbf 0%, #8f979c 100%);
}

.icon-selected {
    position: absolute;
    top: -2rpx;
    left: 630rpx;
}

.icon-selected image {
    width: 50rpx;
    height: 54rpx;
}

.menu-box-item {
    /* margin: 0 10rpx; */
    margin: 0 auto;
    height: 27rpx;
    line-height: 27rpx;
    font-family: SourceHanSansCN-Regular;
    font-size: 20rpx;
    color: #757575;
    font-size: 18rpx;
    color: #6e6e6e;
    background: #fff4f1;
    border-radius: 8rpx;
    text-align: center;
    padding-left: 20rpx;
    padding-right: 20rpx;
    width: fit-content;
}

.parkrecommend {
    background: #ffffff;
    border-radius: 18rpx;
    font-family: SourceHanSansCN-Normal;
    font-size: 24rpx;
    color: #ffa100;
    border: 2rpx solid #ffa100;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    position: absolute;
    top: 22rpx;
    right: 10rpx;
    width: 88rpx;
    height: 36rpx;
    line-height: 36rpx;
    margin-left: 15rpx;
    font-weight: 500;
    margin-top: 5rpx;
}
.van-rate {
    margin-left: 25rpx !important;
}
.park-title {
    /* padding-top: 50rpx; */
    font-family: SourceHanSansCN-Bold;
    font-size: 32rpx;
    color: #292d39;
    letter-spacing: 0;
    font-weight: 500;
    margin-left: 30rpx;
    margin-bottom: 8rpx;
    margin-top: 30rpx;
}
.concant {
    position: absolute;
    right: -7rpx;
    bottom: 0rpx;
    font-family: PingFangSC-Regular;
    font-size: 20rpx;
    color: #4876f7;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    padding: 5rpx 10rpx;
    background: #ffffff;
    width: 150rpx;
    height: 45rpx;
    line-height: 45rpx;
    border: 1.2rpx solid rgba(72, 118, 247, 1);
    border-radius: 10rpx;
}
.img-msg {
    width: 27rpx;
    height: 23rpx;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10rpx;
}
.select {
    font-family: SourceHanSansCN-Medium;
    font-size: 40rpx;
    color: #363a44;
    font-weight: 500;
    padding: 30rpx;
}
.surplus{
	font-size: 28rpx;
	margin-left: 20rpx;
}

.flex-content {
    display: flex;
    margin-bottom: 5rpx;
    margin-left: 30rpx;
    align-items: center;
    position: relative;
}

.statuView {
    height: 32rpx;
    background: #f0f2f4;
    border-radius: 15rpx;
    padding: 0 10rpx;
    font-family: SourceHanSansCN-Regular;
    font-size: 18rpx;
    color: #6e6e6e;
    margin-right: 20rpx;
    margin-top: 15rpx;
}
.img-tag {
    width: 24rpx;
    height: 24rpx;
    display: inline-block;
    vertical-align: middle;
	margin-right: 15rpx;
}

.price {
    position: absolute;
    right: -10rpx;
    top: 68rpx;
}

.park-title2 {
    
    font-family: SourceHanSansCN-Regular;
    font-size: 26rpx;
    color: #999999;
    width: 80%;
    white-space: nowrap;
    /* text-overflow: ellipsis; */
    overflow: scroll;
    word-break: break-all;
    letter-spacing: 0;
    font-weight: 400;
	margin: 20rpx 0;
	margin-left: 30rpx;
}

.bottomTip {
    /* background: #ffffff; */
    border-radius: 15rpx;
    /* padding: 5rpx 10rpx; */
    margin-right: 10rpx;
    height: 45rpx;
    line-height: 20rpx;
}
.bold{
	font-weight: bold;
	font-size: 28rpx;
}
.card-top .flex-content image {
    width: 30rpx;
    height: 30rpx;
    margin-right: 10rpx;
}

.pop-address1 {
    font-family: SourceHanSansCN-Regular;
    font-size: 28rpx;
    color: #666666;
    letter-spacing: 0;
    font-weight: 400;
    width: 100%;
}

.pop-address {
    font-family: SourceHanSansCN-Regular;
    font-size: 28rpx;
    color: #666666;
    letter-spacing: 0;
    font-weight: 400;
    width: 65%;
}
.flex_b{
	display: flex;
	justify-content: space-between;
}
.price-rt {
    /* display: flex; */
    /* margin-left: 13%; */
    /* width: 30%; */
    font-family: SourceHanSansCN-Regular;
    font-size: 20rpx;
    color: #757575;
    align-items: baseline;
    justify-content: flex-end;
}
.tips-box {
    width: 690rpx;
    /* height: 204rpx; */
    background: #fafafa;
    border-radius: 6rpx;
    margin: 30rpx;
    padding: 20rpx;
    box-sizing: border-box;
}
.tip-title {
    font-family: PingFangSC-Semibold;
    font-size: 32rpx;
    color: #fb6b61;
    font-weight: 600;
    margin-bottom: 20rpx;
}
.tip-title image {
    width: 24rpx;
    height: 24rpx;
    margin-right: 10rpx;
    display: inline-block;
    vertical-align: middle;
}
.tip-content {
    font-family: PingFangSC-Regular;
    font-size: 24rpx;
    color: #666666;
    margin-top: 5rpx;
}
.price-strong {
    font-family: DIN-Medium;
    font-size: 48rpx;
    color: #fb6b61;
    letter-spacing: 0;
    font-weight: 500;
}

.card-top-contain .line {
    height: 1px;
    background: #dbdbdb;
    width: 95%;
    margin-left: 30rpx;
}

.top-free {
    font-family: SourceHanSansCN-Regular;
    font-size: 18rpx;
    color: #6e6e6e;
    /* margin-top: 10rpx; */
	margin: 20rpx 0;
    margin-left: 30rpx;
}
.car_phone{
	font-size: 26rpx;
	color: #6E6E6E;
}
.Instructions{
	padding: 30rpx;
}
.Instructions .title{
	color: #222;
	font-size: 30rpx;
}
.Instructions view{
	color: #ff0000;
	margin: 20rpx 0;
	font-size: 28rpx;
}
.Instructions text{
	color: #00bcab;
}
.infoText {
    font-family: SourceHanSansCN-Normal;
    font-size: 26rpx;
    color: #363a44;
}

.card-middle .van-cell__title {
    width: 33% !important;
    flex: none !important;
    font-size: 32rpx !important;
}

.card-middle .van-cell__value {
    width: 64% !important;
    flex: none !important;
    font-size: 32rpx !important;
}

.split-line {
    height: 15rpx;
    width: 100%;
    background-color: #f2f2f2;
    margin-top: 30rpx;
}

.text-selected {
    display: none;
}

.text-selected-green {
    position: absolute;
    top: 8rpx;
    left: 530rpx;
    font-size: 28rpx;
    color: #00bcab;
    display: block;
}

.text-selected-gray {
    position: absolute;
    top: 8rpx;
    left: 530rpx;
    font-size: 28rpx;
    color: #8e969c;
    display: block;
}

.bg-discount {
    position: absolute;
    top: 0;
    border-radius: 23rpx 0 23rpx 0;
    left: 120rpx;
    height: 42rpx;
    line-height: 42rpx;
    font-family: SourceHanSansCN-Medium;
    font-size: 20rpx;
    padding: 0 20rpx 0 20rpx;
}

.bg-dis-green {
    background: rgb(0, 188, 171, 0.1);
    color: #00bcab;
}

.bg-dis-gray {
    background: rgb(143, 151, 156, 0.25);
    color: #292d39;
}

.pirce-discount {
    position: absolute;
    right: 0;
    top: -5rpx;
}

.price-dis-rt {
    display: flex;
    align-items: baseline;
}

.price-green {
    color: #00bcab;
}

.price-gray {
    color: #1f1f1f;
}

.price-dis-strong {
    font-weight: 600;
    font-size: 40rpx;
}

.price-del {
    font-family: SourceHanSansCN-Medium;
    font-size: 24rpx;
    color: #686b73;
    text-decoration: line-through;
    text-align: right;
}

.restNum {
    position: absolute;
    top: -68rpx;
    left: 138rpx;
    /* display: inline-block; */
    font-family: SourceHanSansCN-Regular;
    font-size: 24rpx;
    color: #fb6b61;
    letter-spacing: 0;
}

.price8 {
    position: relative;
    width: 66rpx;
    height: 37rpx;
    top: 9rpx;
}

.tips-box {
    width: 690rpx;
    /* height: 204rpx; */
    background: #fafafa;
    border-radius: 6rpx;
    margin: 30rpx;
    padding: 20rpx;
    box-sizing: border-box;
}
.tip-title {
    font-family: PingFangSC-Semibold;
    font-size: 32rpx;
    color: #fb6b61;
    font-weight: 600;
    margin-bottom: 20rpx;
}
.tip-title image {
    width: 24rpx;
    height: 24rpx;
    margin-right: 10rpx;
    display: inline-block;
    vertical-align: middle;
}
.tip-content {
    font-family: PingFangSC-Regular;
    font-size: 24rpx;
    color: #666666;
    margin-top: 5rpx;
}

.wrapper {
    position: absolute;
    top: 0;
    z-index: 3000;
    width: 100%;
    height: 95vh;
    margin: 30rpx 0;
    overflow: hidden;
    /* display: flex; */
    align-content: center;
    flex-direction: row;
    justify-content: center;
    font-size: 28rpx;
}

.handWriting {
    background: #fff;
    width: 100%;
    height: 79vh;
}

.handRight {
    width: 100%;
    display: inline-flex;
    text-align: center;
}

.handCenter {
    border: 4rpx dashed #e9e9e9;
    flex: 5;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    /* top: 60rpx; */
}

.handTitle {
    height: 50rpx;
    line-height: 50rpx;
    width: 100%;
    text-align: center;
    color: #fff;
    margin: 23rpx 0;
}

.handBtn button {
    font-size: 28rpx;
}

.handBtn {
    position: relative;
    /* height: 95vh; */
    justify-content: space-between;
    align-content: space-between;
    margin: 30rpx 20rpx;
}

.delBtn {
    position: absolute;

    left: 185rpx;

    color: #666;
}

.backBtn {
    position: absolute;

    left: 28rpx;

    color: #666;
}

.delBtn image {
    position: absolute;
    top: 13rpx;
    left: 25rpx;
}

.subBtn {
    position: absolute;
    /* bottom: 52rpx; */
    right: 45rpx;
    display: inline-flex;

    background: #008ef6;
    color: #fff;
    margin-bottom: 30rpx;
    text-align: center;
    justify-content: center;
}

.black-select {
    width: 60rpx;
    height: 60rpx;
    position: absolute;
    top: 30rpx;
    left: 25rpx;
}

.black-select.color_select {
    width: 90rpx;
    height: 90rpx;
    top: 30rpx;
    left: 10rpx;
}

.red-select {
    width: 60rpx;
    height: 60rpx;
    position: absolute;
    top: 140rpx;
    left: 25rpx;
}

.red-select.color_select {
    width: 90rpx;
    height: 90rpx;
    top: 120rpx;
    left: 10rpx;
}

.rule-know3 {
    width: 100%;
}

.uploadImg {
    padding: 0 30rpx;
    font-family: PingFangSC-Regular;
    font-size: 26rpx;
    color: #180000;
    line-height: 42rpx;
    text-align: right;
}

.btnTip {
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 30rpx;
    color: #00bcab;
}
.menu-red {
    background: #fb6b61;
    font-family: SourceHanSansCN-Regular;
    font-size: 20rpx;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: 400;
}
.menu-gray {
    background: #708896;
    font-family: SourceHanSansCN-Regular;
    font-size: 20rpx;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: 400;
}
.rule-konw {
    font-family: SourceHanSansCN-Normal;
    font-size: 24rpx;
    color: #999999;
    margin-left: 10rpx;
}
.uiStyle .park-title{
	font-size: 40rpx;
	font-weight: bolder;
}
.uiStyle .card-top{
	height: 350rpx;
}
.uiStyle .bg-img{
	height: 374rpx;
}
.uiStyle .park-title2{
	font-size: 34rpx;
	font-weight: bolder;
}
.uiStyle .top-free{
	font-size: 26rpx;
	font-weight: bolder;
}
.uiStyle .menu-box-item{
	font-size: 28rpx;
	height: 34rpx;
	line-height: 34rpx;
	font-weight: bolder;
}
.uiStyle .rule-konw{
	font-size: 32rpx;
}
.uiStyle .rule-title{
	font-size: 42rpx;
	font-weight: bolder;
}
.uiStyle .tip-content{
	font-size: 32rpx;
	font-weight: bolder;
}
.uiStyle .rule-content{
	font-size: 36rpx;
}
.uiStyle .card-middle .van-cell__title{
	width: 40% !important;
	font-size: 40rpx !important;
}
.uiStyle .card-middle .van-cell__value{
	width: 55% !important;
	font-size: 40rpx !important;
}
/deep/ .van-overlay{
	z-index: 99 !important;
}
/deep/ .van-popup{
	z-index: 100 !important;
}